<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>搜狗输入法</title>
    <link rel="stylesheet" href="css/index.css">
</head>

<body>

    <!-- wrap -->
    <div id="wrapper">
        <!-- (头部导航) -->
        <div id="wrap-header" class="clearfix">
            <!-- 导航 -->
            <div id="top-nav">
                <ul>
                    <li>
                        <div><a href="javascript:;">输入法手机版&nbsp;|</a></div>

                    </li>
                    <li>
                        <div><a href="javascript:;">&nbsp;输入法Mac版&nbsp;|</a></div>
                    </li>
                    <li>
                        <div><a href="javascript:;">&nbsp;输入法企业版&nbsp;|</a></div>
                    </li>
                    <li>
                        <div><a href="javascript:;">&nbsp;输入法Linux版&nbsp;|</a></div>
                    </li>
                    <li>
                        <div><a href="javascript:;">&nbsp;五笔输入法&nbsp;|</a></div>
                    </li>
                    <li>
                        <div><a href="javascript:;">&nbsp;输入法开放平台</a></div>
                    </li>
                </ul>
            </div>
            <!-- 用户 -->
            <div id="top-user">
                <ul>
                    <li><a href="javascript:;">|注册</a></li>
                    <li><a href="javascript:;">登录</a></li>
                </ul>
            </div>
        </div>
        <!-- 输入法图标，搜索标签 -->
        <div id="wrap-main">
            <!-- 图标 -->
            <div id="logo"><a href="javascript:;"></a></div>
            <!-- 搜索框 -->
            <div id="search"></div>
            <input class="header-search" placeholder="请输入..." type="text">
            <!-- 搜索按钮 -->
            <button>点击搜索</button>
        </div>
        <!-- 导航栏 -->
        <div id="wrap-nav" class="clearfix">
            <ul>
                <li style="background-color: #e94f0d;">
                    <a href="javascript:;">首页</a>
                </li>
                <li><a href="javascript:;">皮肤</a></li>
                <li><a href="javascript:;">词库</a></li>
                <li>
                    <a href="javascript:;">皮肤表情开放平台</a>
                    <!-- new图标 -->
                    <div><img src="./img/new.png"></div>
                </li>
                <li><a href="javascript:;">帮助</a></li>
                <li><a href="javascript:;">升级日志</a></li>
            </ul>
        </div>
    </div>

    <!-- baner -->
    <div id="banner">
        <div id="banner-phtot">
            <!-- 文字 -->
            <div class="font1">更新日期 : 2023-06-25</div>
            <div class="font2"><a href="javascript:;">新版特性</a></div>
            <div class="font3">支持：XP / WIN7 / WIN8 / WIN10 / WIN11</div>
            <div class="font4">13.6正式版</div>
            <div class="photo"></div>
            <div class="photo-er">
                <div class="photo-erweima"></div>
                <p>手机版下载</p>
            </div>
            <a href="javascript:;">
                <div class="mic"></div>
            </a>
        </div>
    </div>

    <!-- main -->
    <div class="main-wrap">
        <!-- 精彩皮肤 -->
        <div class="skin-title"></div>
        <!-- 皮肤列表 -->
        <div class="skin-list">
            <ul>
                <li>
                    <div>
                        <a href="javascript:;"><img src="./img/DM_20230629103056_001.jpg" alt="相濡以沫-心痛到无法呼吸"></a>
                        <a href="javascript:;">相濡以沫-心痛到无法呼吸</a>
                        <button>立即下载</button>
                    </div>
                <li>
                    <div>
                        <a href="javascript:;"><img src="./img/DM_20230629103056_002.gif" alt="野萌君·哈哈哈"></a>
                        <a href="javascript:;">野萌君·哈哈哈</a>
                        <button>立即下载</button>
                    </div>
                </li>
                <li>
                    <div>
                        <a href="javascript:;"><img src="./img/DM_20230629103056_003.png" alt="种星星的人"></a>
                        <a href="javascript:;">种星星的人</a>
                        <button>立即下载</button>
                    </div>
                </li>
                <li>
                    <div>
                        <a href="javascript:;"><img src="./img/DM_20230629103056_004.png" alt="瓶子里の精灵"></a>
                        <a href="javascript:;">瓶子里の精灵</a>
                        <button>立即下载</button>
                    </div>
                </li>
                <li>
                    <div>
                        <a href="javascript:;"><img src="./img/DM_20230629103056_005.png" alt="尖叫鸡"></a>
                        <a href="javascript:;">尖叫鸡</a>
                        <button>立即下载</button>
                    </div>
                </li>
                <li>
                    <div>
                        <a href="javascript:;"><img src="./img/DM_20230629103056_006.png" alt="阿肥宅"></a>
                        <a href="javascript:;">阿肥宅</a>
                        <button>立即下载</button>
                    </div>
                </li>
            </ul>
        </div>
        <!-- 无障碍 -->
        <div class="barrier-free">
            <a href="javascript:;">
                <div>
                    <img class="wza1" src="./img/barrier_free_banner.png" alt="">
                </div>
            </a>
            <a href="javascript:;">
                <div>
                    <img class="wza2" src="./img/wuzhangai.jpg" alt="">
                </div>
            </a>
        </div>
        <!-- 关注我们 -->
        <div class="likes-we">
            <img src="./img/focus_ewn.png" alt="">
            <!-- 新浪微博 -->
            <div>
                <a href="javascript:;" class="xinlan"></a>
            </div>
            <!-- 人工客服 -->
            <div>
                <a href="javascript:;" class="rengon"></a>
            </div>
        </div>
        <!-- 更多产品 -->
        <div class="product">
            <img src="./img/product.jpg" alt="">
            <div>
                <button class="product-btn1">点击查看</button>
                <span>医生版</span>
            </div>
            <div>
                <button class="product-btn2">立即下载</button>
            </div>
        </div>
        <!-- 词库推荐 -->
        <div class="dict-show-title"></div>
        <div class="dict-show-list">
            <a href="javascript:;">
                <div>
                    <img class="list1" src="./img/DM_20230629113151_001.jpg" alt="">
                    <p>魔道祖师</p>
                </div>
            </a>
            <a href="javascript:;">
                <div>
                    <img class="list2" src="./img/DM_20230629113151_002.gif" alt="">
                    <p>财务专用</p>
                </div>
            </a>
            <a href="javascript:;">
                <div>
                    <img class="list3" src="./img/DM_20230629113151_003.jpg" alt="">
                    <p>贾平凹作品</p>
                </div>
            </a>
            <a href="javascript:;">
                <div>
                    <img class="list4" src="./img/DM_20230629113151_004.jpg" alt="">
                    <p>TFBOYS粉丝专用</p>
                </div>
            </a>
            <a href="javascript:;">
                <div>
                    <img class="list4" src="./img/DM_20230629113151_005.jpg" alt="">
                    <p>斗罗大陆</p>
                </div>
            </a>
            <a href="javascript:;">
                <div>
                    <img class="list4" src="./img/DM_20230629113151_006.jpg" alt="">
                    <p>红楼梦</p>
                </div>

            </a>
        </div>
    </div>

    <!-- 底部 -->
    <div class="bottom">
        <div class="bottom1">
            <div></div>
            <span>
                皮肤表情词库合作、品牌合作、输入法合作 邮箱：hci_bd@tencent.com
            </span>
        </div>
        <div class="bottom1">
            <div></div>
            <span>使用问题用户反馈 邮箱：IMETS@tencent.com</span>
        </div>
        <div class="bottom1">
            <span style="font-size: 12px;">
                © 2023 SOGOU.COM 京ICP备11001839号-1
                <a href="javascript:;">免责声明</a>
                <a href="javascript:;">隐私政策</a>
            </span>
        </div>
        <div class="bottom1">
            <span>北京搜狗科技发展有限公司</span>
        </div>
        <div class="bottom1">
            <span>联系地址：北京市海淀区中关村东路1号院9号楼搜狐网络大厦9层01房间</span>
        </div>
        <div class="bottom1">
            <span>产品介绍：AI语音专家，让您的打字更简洁，更智能</span>
        </div>

    </div>
</body>

</html>